<!--
 * @Author: chenr 526963089@qq.com
 * @Date: 2023-02-10 14:59:25
 * @LastEditors: chenr 526963089@qq.com
 * @LastEditTime: 2023-02-17 17:01:55
 * @Description: 基础布局
-->
<template>
  <div class="basic-container">
    <div class="header">
      <div class="link">
        <a-space>
          <router-link to="/" replace>首页</router-link>
          <a href="/#/portal" target="_blank">门户</a>
        </a-space>
      </div>
      <div style="font-size: 50px; margin-top: 15px">官网 - Banner</div>
    </div>
    <div class="content">
      <RouterView></RouterView>
    </div>
    <div class="footer">Footer</div>
  </div>
</template>
<script lang="ts" setup></script>

<style scoped lang="less">
.basic-container {
  .header {
    background-color: #f5f5f5;
    text-align: center;
    color: #ebebeb;
    min-height: 150px;
    .link {
      padding: 0 30px;
      text-align: right;
      background-color: #ebebeb;
    }
  }

  .content {
    min-height: 500px;
    margin: 0 auto;
    max-width: 80vw;
  }

  .footer {
    height: 100px;
    background-color: #f5f5f5;
    text-align: center;
    line-height: 100px;
    font-size: 50px;
    color: #ebebeb;
  }

  height: 100%;
  min-height: 100vh;
}
</style>
